<?php get_header(); ?>

<section id="banner-shadow"></section>
			
<section id="corpo">
	<div class="wrapper">
		<?php if ( function_exists('yoast_breadcrumb') ) {
		yoast_breadcrumb('<p id="breadcrumbs">','</p>');
		} ?>

		<?php $cat = get_the_category(); ?>
		<div class="interna">
			<h2 class="title">
				<?php
					$categoria = explode ("/", $_SERVER['REQUEST_URI']);
					if (isset($_GET['cat'])) {
						echo strtoupper($_GET['cat']);
					} else {
						echo strtoupper($categoria[1]);
					}
				?>
			</h2>
				<div class="lista">
					<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
						<div class="postagem">
							<div class="imagem">
								<a href="<?php echo get_permalink( $post->ID ); ?>">
								<?php
									if ( has_post_thumbnail() ) {
										the_post_thumbnail( 'thumb-listagem' ); 
									} else {
										if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'destaque-image'); endif;	
									}
								?>
								</a>
							</div>
							<div class="descricao">
								<h2>
									<a href="<?php echo get_permalink( $post->ID ); ?>"><?php the_title(); ?></a>
								</h2>
								<h3>
									<?php the_subtitle(); ?>
								</h3>
								<div class="leiamais"><a href="<?php echo get_permalink( $post->ID ); ?>" style="background:<?php echo $cor ?>;">Leia Mais</a></div>
							</div>
							<div class="clear"></div>
						</div>
					<?php endwhile; endif; ?>
						<?php get_template_part('nav', 'below'); ?>
							
				</div>
			
		</div>
		<div class="side">
<div class="mais-vistos">
				<h2>Mais Vistos</h2>
				<div class="lista">
					<?php wpp_get_mostpopular('range=weekly&limit=7'); ?>
					<?php for ($i = 5; $i < 3; $i++) { ?>
					<div class="item" style="">
						<div class="image" style="">
							<a href="#">
								<img src="http://www.taxicafe.com.br/wp-content/uploads/2014/01/abouttimecoverDESTAQUE.jpg" style="width:105%" />
							</a>
						</div>
						<div class="corpo" style="">
							<h3 style="">
								<span class="label">Cinema</span>
								<a href="interna.php">Duelos de Super Heróis que queremos ver nos cinemas</a>
							</h3>
							<div class="subtitle" style="">Quais são os duelos que sempre quisemos ver nas telonas.</div>
						</div>
						<div class="clear"></div>
					</div>	
					<?php } ?>
					
				</div>
			</div>
			<div class="clear"></div>
			<div style="width:100%;overflow:hidden;text-align:center;">
				<!-- TaxiCafé - 336x280 -->
				<ins class="adsbygoogle"
				style="display:inline-block;width:336px;height:280px"
				data-ad-client="ca-pub-1415365042051363"
				data-ad-slot="7121522739"></ins>
				<script>
				(adsbygoogle = window.adsbygoogle || []).push({});
				</script>
			</div>
			
			<div class="clear"></div>
			<div class="mais-vistos" style="background:#FFF;margin-top:10px;">
				<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftaxicafeh&amp;width=371&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=189950967709854" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:290px;" allowTransparency="true"></iframe>
			</div>
			
			<div id="banner-pequeno">
				<div id="podcast" style="text-align:left;">
					Em Cartaz
					<!--<img src="image/podcast.png" />-->
				</div>
				<div id="resenha">
					<div class="em-cartaz"></div>
					<div id="nav" class="color1">
						<div id="prev"><<</div>
						<div id="next">>></div>
						<div class="clear"></div>
					</div>
					
				</div>
			</div>
			<div class="clear"></div>						
		</div>

		<div class="clear"></div>
		
	</div>
	<?php
	$n = rand(1, 2);
	?>
	<div class="bg<?php echo $n ?>" style="margin:20px 0px; width:100%;padding:20px 0px;">
		<div class="ocioso wrapper" style="overflow: hidden;">
			<iframe style="background: #FFF;border: none;overflow: hidden;width: 720px;height: 306px;float: left;" frameborder="0" scrolling="no" src="http://ocioso.com.br/troca-de-links/tag/id/cnvI0vmsXOkf20AKkVKgH8TwBlA36G_rB9RDT4ETsrD9qvxuLc1MMSwTh_MYcxkWQIth9tgeXWH1ow7pwbmPvS7aUioYjufxodH671r5ZrpWyQuHc0PVamdasTAaALxu8ztn08Hs-98VGuKUP3VhOLnUSAlGikOz50Vr7Gd2fklEQpAebvTgpkKIDMXT6f_bc-a_Ybhr17KkZ4cSv5hv_FB3MpJmxxBC5f99ib7UEELAe8aJCeAYIlI4S4rXlc48|dF3HfM9JEEteR5Nlxmk5FAfH2DIyV8tNH6rqCFvzhCA="></iframe>
			<div class="arrobaFooter adsGoogle" style="width: 336px;height: 280px;float: right;margin-right: 20px;margin-top: 10px;">
				<!-- TaxiCafé - 336x280 -->
				<ins class="adsbygoogle"
				style="display:inline-block;width:336px;height:280px"
				data-ad-client="ca-pub-1415365042051363"
				data-ad-slot="7121522739"></ins>
				<script>
				(adsbygoogle = window.adsbygoogle || []).push({});
				</script>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</section>

<?php get_footer(); ?>